@import '../global/dpr.scss';

.heade {
    .pd {
        padding: 0.5333rem;
    }
    height: 4rem;
    .search-wrap {
        position: relative;
        display: flex;
        width: 100%;
        height: 0.8rem;
        & span:nth-of-type(1) {
            position: absolute;
            left: 0.266666rem;
            top: 50%;
            transform: translateY(-50%);
            color: #fff;
            @include font-dpr(24px);
        }
        & span:not(:nth-of-type(1)) {
            color: #fff;
            line-height: 0.8rem;
            padding-left: 0.4rem;
            @include font-dpr(24px);
        }

        input {
            border: none;
            padding-left: 1.333333rem;
            width: 6.666666rem;
            height: 100%;
            background: #1c73ba;
            @include font-dpr(14px);
        }
        input::-webkit-input-placeholder {
            color: #ddd;
        }
        input::-moz-input-placeholder {
            color: #ddd;
        }
        input::-ms-input-placeholder {
            color: #ddd;
        }
        .icon-item {
            padding-left: 0.533333rem;
            height: 100%;
            display: flex;
            align-items: center;
            img {
                width: 0.586666rem;
                height: 0.586666rem;
            }
        }
    }
    .navig {
        img {
            width: 0.853333rem;
            height: 0.853333rem;
        }
        p {
            padding-top: 0.266666rem;
            @include font-dpr(14px);
            color: #fff;
        }
    }
}
.content-nav {
    height: 4.266666rem;
    ul {
        height: 100%;
        background: #fff;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        li {
            width: 25%;
            height: 50%;
            text-align: center;
            a {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                img {
                    width: 0.853333rem;
                    height: 0.853333rem;
                }
                p {
                    padding-top: 0.213333rem;
                    color: #000;
                    @include font-dpr(14px);
                }
            }
        }
    }
}

.inform {
    margin-top: 0.16rem;
    padding: 0 0.933333rem;
    background: #fff;
    height: 2.266666rem;
    display: flex;
    align-content: center;
    .inform-left {
        display: flex;
        align-items: center;
    }

    .inform-left {
        img {
            width: 1.066666rem;
            height: 1.066666rem;
        }
    }
    .inform-right {
        display: flex;
        align-items: center;
        padding-left: 0.8rem;
        & li:nth-of-type(1) {
            padding-bottom: 0.213333rem;
        }
        & li:nth-last-child(1) {
            time {
                padding-left: 0.133333rem;
            }
        }
        li {
            list-style-type: disc;
            color: #222;
            strong {
                padding: 0 0.133333rem;
            }
            time {
                color: #aaa;
            }
        }
        i {
            @include font-dpr(16px) padding-left: 0.533333rem;
        }
    }
}
.banner {
    margin-top: 0.16rem;
}
.footer {
    background: #fff;
    display: flex;
    height: 3.333333rem;
    .footer-left {
        margin-top: 0.133333rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        width: 55%;
        border-right: 1px solid #eee;
        .wrapper {
            text-align: center;
            .offset {
                margin-left: 0.133333rem;
            }
        }
        .title {
            display: inline-block;
            margin-top: 0.533333rem;
            width: 1.813333rem;
            height: 0.533333rem;
            line-height: 0.533333rem;
            background: #e9536a;
            color: #fff;
            border-radius: 2px;
            @include font-dpr(12px);
        }
        input {
            width: 1.333333rem;
            height: 0.533333rem;
            margin: 0;
            padding: 0;
        }
        .input-top {
            display: flex;
            margin-top: 0.4rem;
            span {
                padding-left: 0.133333rem;
            }
        }
        .input-bottom {
            display: flex;
            margin-top: 0.266666rem;
            span {
                padding-left: 0.133333rem;
            }
        }
    }
    .footer-right {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .left {
            h2 {
                @include font-dpr(14px);
            }
            p {
                padding-top: 0.266666rem;
                @include font-dpr(12px);
                color: #555;
            }
        }
        .right {
            width: 1.6rem;
            height: 1.266666rem;
            margin-bottom: 0.266666rem;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
}
